import React from 'react';
import Logo from '../../component/logo/logo';
import {
    List,
    InputItem,
    Radio,
    WingBlank,
    WhiteSpace,
    Button
} from 'antd-mobile';

class Register extends React.Component {
    constructor(props, context) {
        super(props);
        this.state = {
            type: 'genius'
        }
    }
    render() {
        const RadioItem = Radio.RadioItem;
        return (
            <div>
                <Logo></Logo>
                <List>
                    <InputItem>用户</InputItem>
                    <InputItem>密码</InputItem>
                    <InputItem>确认密码</InputItem>
                    <RadioItem checked={this.state.type === 'genius'}>牛人</RadioItem>
                    <RadioItem checked={this.state.type === 'boss'}>Boss</RadioItem>
                </List>
                <WhiteSpace/>
                <WingBlank>
                    <Button type="primary">注册</Button>
                </WingBlank>
                <WhiteSpace/>
            </div>
        )
    }
}

export default Register;